<template>
  <div>
      <el-input 
       type="textarea"
       v-model="input"
        :autosize="{minRows: 2, maxRows: 3}"
       placeholder="textarea"></el-input>
       <el-input 
       type="textarea"
       v-model="input"
        autosize
       placeholder="textarea"></el-input>
        <el-divider content-position="right"> 222222222222222 分割线</el-divider>
        <textarea cols="30" rows="10" v-model="msg"></textarea>
    <p>{{ msg }}</p>
  </div>

  
</template>

<script>
export default {
data(){
    return{
input:'',
msg:''
    }
},
beforeDestroy(){
           console.log("修改成功！---------离开-----this.step-------------")

},
destroyed(){
  console.log("修改成功！---------离开-----destroyed.step-------------")
},
update(){
    console.log("修改成功！---------离开-----update.step-------------")

},
beforeRouteLeave (to, from, next) {
    console.log(from+"修改成功！---------离开-----beforeRouteLeave----22-------"+JSON.stringify(to))
    next()
  },
}
</script>

<style scoped>

.div{
 width: 140px;
}
</style>